<template>
	<view class="about">
		<image src="../../static/VersionUpdate/logo.jpg" mode=""></image>
		<view class="content">
			<view class="box">
			<view class="left">{{$t('systen.aboutUs.tel')}}</view><view class="right">026-956622</view>
			</view>
			<view class="box2">
				<view class="left2">{{$t('systen.aboutUs.address')}}</view><view class="right2">陕西省西安市未央区凤城七路
赛高广场B座17楼</view>
			</view>
			<view class="box">
			<view class="left">{{$t('systen.aboutUs.edition')}}</view><view class="right">{{$t('mine.edition')}}2.0.1</view>
			</view>
			<RecordNo></RecordNo>
		</view>
	</view>
</template>

<script>
	import recordNo from '../../components/RecordNo/RecordNo.vue'
	export default {
		components:{
			recordNo
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page{
		background-color: #F3F3F3;
	}
</style>
<style>
	
image{
	width: 360rpx;
	height: 300rpx;
	position: relative;
	left: 200rpx;
	top: 200rpx;
}
.content{
	width: 100%;
	position: relative;
	top: 400rpx;
}
.box{
	display: flex;
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	background-color: #FFFFFF;
	margin-bottom: 20rpx;
	font-size: 1.1em;
}
.box2{
	width: 100%;
	height: 140rpx;
	background-color: #FFFFFF;
	margin-bottom: 20rpx;
	font-size: 1.1em;
	}
.left{
	padding-left: 30rpx;
	font-weight: bold;
}
.right{
	
	position: absolute;
	right: 20rpx;
	color: #9B9B9B;
	font-size: .90em;
}
.left2{
	position: relative;
	top: 40rpx;
	padding-left: 30rpx;
	font-weight: bold;
}
.right2{
	width: 400rpx;
	height: 120rpx;
	text-align: right;
	position: absolute;
	right: 20rpx;
	margin-top: -20rpx;
	color: #9B9B9B;
	font-size: .90em;
}
</style>
